{% extends 'CHOMPSGIBundle:Usuario:base.html.twig' %}
{% block subtitle %} Listar {% endblock %} 

{% block content %} 

    		<div style="padding: 20px 0;">
    			<a class="btn btn-success" href="{{ path("usuario_new") }}">Crear Usuario</a>
    			<a class="btn btn-danger btnBorrar" > Eliminar </a>
    		</div>

            <table class="table table-striped table-bordered table-condensed listado">
            		
            		<!-- Cabeceras de la tabla-->
                    <tr>
                		<th>&nbsp;</th>
                        <th width="5%">ID</th>
						<th>Login</th>
						<th>Nombre</th> 
                        <th>Apellido</th>
						<th>Email</th>
						<th>Estado</th>
						<th>Empresa</th>
                    </tr>

                    <!-- Usuarios -->
                    {% for usuario in entities %}
											
								<tr>
									<td> <input type="checkbox" id="{{usuario.id}}" name="{{usuario.id}}"/></td> 
									<td> {{ usuario.id }}</td>
									<td> <a href="{{ path('usuario_show',{ 'id': usuario.id } ) }}">	{{usuario.nombre | default("") }} </a></td>
									<td> {{usuario.login}}</td>
									<td> {{usuario.nombre  | default("") }} </td>
									<td> {{usuario.apellido  | default("") }}</td>
									<td> {{usuario.email  | default("") }}</td>
									<td> {{usuario.estado  | default("") }}</td>
									<td> {{usuario.empresa  | default("") }}</td>
								</tr>
							
						{% endfor %}

                    <tr> 
                    	<td colspan="6"> 
                    		{{ pagerfanta (entities, 'twitter_bootstrap_translated' , { 'prev_message' : 'Anterior', 'next_message': 'Siguiente'} ) }}  <!-- ,  -->
                    	</td> 
                    </tr>
            </table>
			

			<!-- Mensaje de confirmaçión de borrado -->
			<div class="modal fade" id="confirmMsg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
				  <div class="modal-content">
				    <div class="modal-header">
				      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				      <h4 class="modal-title">Eliminar usuarios?</h4>
				    </div>
				    <div class="modal-body">
				      La/s usuario/s serán eliminadas de forma permanente. ¿Está seguro?
				    </div>
				    <div class="modal-footer">
				      <a class="btn " href="#" data-dismiss="modal">Cancelar</a>
				      <a class="btn btn-default btn-danger" href="#" onClick="borrarUsuarios();"> Eliminar </a>
				    </div>
				  </div>
				</div>
			</div>
   

   	<script>

   		var checkedUsuarios = '';

		//Mostrar mensaje de confirmacion		
		$('.btnBorrar').click( function(){
			if($("input:checked").length > 0)
				$('#confirmMsg').modal('show');
			else
				alert('Debe seleccionar al menos una usuario');
		});  
		
		//Obtener checkboxes tildados
		$('#confirmMsg').on('show.bs.modal', function () {
			$("input:checked").each(function() {
				var empchecked = '';
				empchecked = $(this).attr('id') ;
				checkedUsuarios += empchecked +',';
			});
			if (checkedUsuarios != '')
				checkedUsuarios = checkedUsuarios.slice(0, checkedUsuarios.length-1);
		});

		//inicializar checkboxes tildados
		$('#confirmMsg').on('hide.bs.modal', function () {
			checkedUsuarios = '';
		});

		//Borrar usuarios tildadas
		function borrarUsuarios(){
			URLBorrarUsuarios = '';
			URLBorrarUsuarios = "{{ path('usuario_delete',{ 'id': 0} ) }}";
			URLBorrarUsuarios = URLBorrarUsuarios.slice(0, URLBorrarUsuarios.length-1);
			URLBorrarUsuarios+= checkedUsuarios; 
			window.location = URLBorrarUsuarios;
		}

    </script>

{% endblock %}
